<?php if (!defined('SHUIPF_VERSION')) exit(); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><if condition=" isset($SEO['title']) && !empty($SEO['title']) ">{$SEO['title']}</if>{$SEO['site_title']}</title>
<meta name="description" content="{$SEO['description']}" />
<meta name="keywords" content="<volist name='keywords' id='vo'>{$vo},</volist>" />
<link type="text/css" rel="stylesheet" href=".{$config_siteurl}statics/default/Style/base.css" />
</head>

<body>
	<!--  页面头部  -->
	<template file="Content/header.php"/>
	<!--  头部结束  -->
	<!--  内容区域  -->
    <div class="coner">
    	<!--  海报区域  --> 
    	<template file="Content/Banner.php"/>
 		<!--  海报结束  --> 
        <div class="details">
            <div class="location">
                <a href="{$config_siteurl}">{$Config.sitename}</a> &gt; <navigate catid="$catid" space=" &gt; " />
            </div>
            <if condition="$catid neq 49">
			<div class="xiangqing">
                <div class="detail">
                    <div id="focus" class="widths  png_bg">
                        <ul style=" left:0;">
                        <volist name="albums" id="vo">
                            <li><a href="javascript:void(0);" target="_blank"><img src="{$vo.url}"/></a></li>
                        </volist>
                        </ul>
                        <div class="preNext pre"></div>
                        <div class="preNext next"></div>
                    </div>
                </div>
                <div class="jieshao">
                	<div class="ttile">{$title}</div>
                   	<div class="js0">{$jianjie}</div>
                    <div class="sharel"> 
                    <!-- Baidu Button BEGIN -->
                        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <span class="bds_more">分享到：</span> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_t163"></a> <a class="shareCount"></a> </div>
						<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=775360" ></script> 
                        <script type="text/javascript" id="bdshell_js"></script> 
                        <script type="text/javascript">
                        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000)
                        </script> 
                    <!-- Baidu Button END --> 
                    </div>
                </div>
            </div>
            <div class="norms hs">
                <div class="tit png_bg">
                    <span class="focus">产品简介</span>	
                    <span>适用标准</span>	
                    <span>规格参数</span>	
                    <span>产品备注</span>	
                </div>
                <div class="con">
                    <!-- 产品规格循环*con_list*--> 	
                    	<div class="con_list" style="display:block;">
							{$content}
	                    </div>
	                    <div class="con_list" style="display: none;">
							{$shiyong}
	                    </div>
	                    <div class="con_list" style="display: none;">
							{$guige}
	                    </div>
	                    <div class="con_list" style="display: none;">
							{$beizhu}
	                    </div>
	                </div>
            </div>
            <else />
			<div class="xiangqing1">
                <div class="detail">
                    <div id="case" class="widths png_bg">
                        <ul style=" left:0;">
                        <volist name="albums" id="vo">
                            <li><a href="javascript:void(0);" target="_blank"><img src="{$vo.url}"/></a></li>
                        </volist>
                        </ul>
                        <div class="preNext pre"></div>
                        <div class="preNext next"></div>
                    </div>
                </div>
            </div>
            <div class="norms hs">
                <div class="tit png_bg">
                    <span class="focus">案例介绍</span>	
                </div>
                <div class="con">
                    <!-- 产品规格循环*con_list*--> 	
                    	{$content}
	              </div>
            </div>
            </if>
			<if condition="$catid neq 49">
			<div class="tits">相关产品</div>
            <div class="scrolllist chanp" id="s1">
                    <a class="abtn aleft agrayleft" style=" display:none;" href="#left" title="左移"></a>
                    <div class="imglist_w ">
                        <ul class="imglist" style="left: 0px;">
                            <content action="lists" catid="$catid"  order="id DESC">
            				<volist name="data" id="vo">
                            <li><a href="{$vo.url}"><img src="{$vo.thumb}"><p>{$vo.title}</p></a></li>
                            </volist>
                			</content>
                        </ul>
                        <!--imglist end-->
                    </div>
                    <a class="abtn aright" href="#right" style=" display:none;" title="右移"></a>
                </div>
			<else />
			<div class="tits">相关案例</div>
            <div class="scrolllist chanp" id="s1">
                    <a class="abtn aleft agrayleft" style=" display:none;" href="#left" title="左移"></a>
                    <div class="imglist_w " id="s2">
                        <ul class="imglist" id="s3" style="left: 0px;">
                            <content action="lists" catid="$catid"  order="id DESC">
            				<volist name="data" id="vo">
                            <li><a href="{$vo.url}"><img src="{$vo.thumb}"><p>{$vo.title}</p></a></li>
                            </volist>
                			</content>
                        </ul><!--imglist end-->
                    </div>
                    <a class="abtn aright" href="#right" style=" display:none;" title="右移"></a>
                </div>
			</if>
        </div>
    </div>

	<!--  内容结束  --> 
	<!--  页面尾部  --> 
    <template file="Content/footer.php"/>
	<!--  尾部结束  --> 
    <!--[if IE 6]>
    <script src=".{$config_siteurl}statics/default/js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
    <script type="text/javascript">
    DD_belatedPNG.fix('.png_bg');
    </script>
    <![endif]-->
	<script type="text/javascript" src=".{$config_siteurl}statics/default/Js/jquery.js"></script>
    <script type="text/javascript" src=".{$config_siteurl}statics/default/Js/base.js"></script>   
    <script type="text/javascript" src=".{$config_siteurl}statics/default/Js/hb.js"></script>
    <script type="text/javascript" src=".{$config_siteurl}statics/default/JS/slider.js"></script> 
	<script type="text/javascript">
	//图片滚动 调用方法 imgscroll({speed: 30,amount: 1,dir: "up"});
	$.fn.imgscroll = function(o){
		var defaults = {
			speed: 40,
			amount: 0,
			width: 1,
			dir: "left"
		};
		o = $.extend(defaults, o);
		
		return this.each(function(){
			var _li = $("li", this);
			_li.parent().parent().css({overflow: "hidden", position: "relative"}); //div
			_li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul
			_li.css({position: "relative", overflow: "hidden"}); //li
			if(o.dir == "left") _li.css({float: "left"});
			
			//初始大小
			var _li_size = 0;
			for(var i=0; i<_li.size(); i++)
				_li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);
			
			//循环所需要的元素
			if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});
			_li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());
			_li = $("li", this);
	
			//滚动
			var _li_scroll = 0;
			function goto(){
				_li_scroll += o.width;
				if(_li_scroll > _li_size)
				{
					_li_scroll = 0;
					_li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });
					_li_scroll += o.width;
				}
					_li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);
			}
			
			//开始
			var move = setInterval(function(){ goto(); }, o.speed);
			_li.parent().hover(function(){
				clearInterval(move);
			},function(){
				clearInterval(move);
				move = setInterval(function(){ goto(); }, o.speed);
			});
		});
	};
	</script>
	<script type="text/javascript">
	$(document).ready(function(){
	
		$("#s1").imgscroll({
			speed: 20,    //图片滚动速度
			amount: 0,    //图片滚动过渡时间
			width: 1,     //图片滚动步数
			dir: "left"   // "left" 或 "up" 向左或向上滚动
		});
	});
	</script> 

</body>
</html>dy>
</html>